import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import Activity from './activity.js';
import Search from './search.js';
import ActivityPost from './activityPost.js';
import ActivityDetail from './activityDetail.js';
import MyActivity from './myActivity.js';
const Stack = createStackNavigator();

export default function App() {
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Activity"
        component={Activity}
        options={{
          headerShown: false,
          headerTitle: '发帖',
          headerTitleAlign: 'center',
          headerStyle: {
            backgroundColor: '#EB7A76',
          },
          headerTintColor: '#fff',
        }}
      />
      <Stack.Screen
        name="Search"
        component={Search}
        options={{
          headerShown: true,
          headerTitle: '攒局搜索',
          headerTitleAlign: 'center',
          headerStyle: {
            backgroundColor: '#FAD874',
          },
          headerTitleStyle: {
            fontSize: 20, // 设置字体大小
            fontWeight: 'bold', // 设置字体为粗体
            color: '#222222', // 设置字体颜色，这里与headerTintColor冲突，应选择其一
          },
        }}
      />
      <Stack.Screen
        name="发起攒局"
        component={ActivityPost}
        options={{
          headerShown: true,
          headerTitle: '发起攒局',
          headerTitleAlign: 'center',
          headerStyle: {
            backgroundColor: '#FAD874',
          },
          headerTitleStyle: {
            fontSize: 20, // 设置字体大小
            fontWeight: 'bold', // 设置字体为粗体
            color: '#222222', // 设置字体颜色，这里与headerTintColor冲突，应选择其一
          },
        }}
      />
      <Stack.Screen
        name="局情"
        component={ActivityDetail}
        options={{
          headerShown: true,
          headerTitle: '局情',
          headerTitleAlign: 'center',
          headerStyle: {
            backgroundColor: '#FAD874',
          },
          headerTitleStyle: {
            fontSize: 20, // 设置字体大小
            fontWeight: 'bold', // 设置字体为粗体
            color: '#222222', // 设置字体颜色，这里与headerTintColor冲突，应选择其一
          },
        }}
      />
      <Stack.Screen
        name="我加入的局"
        component={MyActivity}
        options={{
          headerShown: true,
          headerTitle: '我加入的局',
          headerTitleAlign: 'center',
          headerStyle: {
            backgroundColor: '#FAD874',
          },
          headerTitleStyle: {
            fontSize: 20, // 设置字体大小
            fontWeight: 'bold', // 设置字体为粗体
            color: '#222222', // 设置字体颜色，这里与headerTintColor冲突，应选择其一
          },
        }}
      />
    </Stack.Navigator>
  );
}